<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>交易结算</title>
    <script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>
    <script src="../lib/layuimini/js/lay-config.js"></script>
    <link type="text/css" rel="stylesheet" href="../lib/layuimini/lib/layui-v2.5.5/css/layui.css"/>
    <script src="./js/settlement.js"></script>
</head>
<body>

<!--结算表头-->
<script type="text/html" id="userToolBar">
    <div style="margin-top: 0px;margin-left: 0px">
        <form class="layui-form layui-col-space5">
            <div class="layui-inline layui-show-xs-block">
                <label class="layui-form-label layui-bg-gray" style="width: 110px;text-align: center">成交日期</label>
                <div class="layui-inline layui-show-xs-block">
                    <input class="layui-input" autocomplete="off" placeholder="请输入成交日期" name="dealTime" id="dealTime">
                </div>
            </div>
            <div class="layui-inline layui-show-xs-block">
                <label class="layui-form-label layui-bg-gray" style="width: 110px;text-align: center">交易方式</label>

                <div class="layui-inline layui-show-xs-block">
                    <select name="dealWay" id="dealWay">
                        <option placeholder="请选择"></option>
                        <option value="1">买入</option>
                        <option value="2">卖出</option>
                        <option value="3">分红</option>
                        <option value="4">送股</option>
                    </select>
                </div>
            </div>
            <div class="layui-inline layui-show-xs-block">
                <button class="layui-btn layui-btn-primary" lay-submit="" lay-filter="select" lay-event="select"><i
                        class="layui-icon">&#xe615;</i>搜索
                </button>
            </div>
            <div class="layui-inline layui-show-xs-block">
                <button class="layui-btn layui-btn-normal" type="button" lay-submit="settlement" lay-filter="search"
                        lay-event="search" name="settlement" id="settlement" onclick="return false;">结算
                </button>
            </div>
        </form>
        <ul class="layui-tab-title" style="border-bottom-color: #D0D0D0">
            <li class="layui-this" lay-id="0" style="color:#ff0000">未结算</li>
            <li lay-id="1">已结算</li>
        </ul>
    </div>
</script>

<!--反结算表头-->
<script type="text/html" id="userToolBar2">
    <div style="margin-top: 0px;margin-left: 0px">
        <form class="layui-form layui-col-space5">
            <div class="layui-inline layui-show-xs-block">
                <label class="layui-form-label layui-bg-gray" style="width: 110px;text-align: center">成交日期</label>
                <div class="layui-inline layui-show-xs-block">
                    <input class="layui-input" autocomplete="off" placeholder="请输入成交日期" name="dealTime" id="dealTime1">
                </div>
            </div>
            <div class="layui-inline layui-show-xs-block">
                <label class="layui-form-label layui-bg-gray" style="width: 110px;text-align: center">交易方式</label>
                <div class="layui-inline layui-show-xs-block">
                    <select name="dealWay" id="dealWay1">
                        <option placeholder="请选择"></option>
                        <option value="1">买入</option>
                        <option value="2">卖出</option>
                        <option value="3">分红</option>
                        <option value="4">送股</option>
                    </select>
                </div>
            </div>
            <div class="layui-inline layui-show-xs-block">
                <button class="layui-btn layui-btn-primary" lay-submit="" lay-filter="select" lay-event="select"><i
                        class="layui-icon">&#xe615;</i>搜索
                </button>
            </div>
            <div class="layui-inline layui-show-xs-block">
                <button class="layui-btn layui-btn-normal" type="button" lay-submit="settlement" lay-filter="search2"
                        lay-event="search2" name="settlement" id="settlement1" onclick="return false" ;>反结算
                </button>
            </div>
        </form>
        <ul class="layui-tab-title" style="border-bottom-color: #D0D0D0">
            <li class="layui-this" lay-id="0">未结算</li>
            <li lay-id="1" class="layui-this" style="color:#00ff2a">已结算</li>
        </ul>
    </div>
</script>

<div class="layui-tab" lay-filter="test">
    <div class="layui-tab-content">
        <div class="layui-tab-item layui-show">
            <!--表格-->
            <table id="userTable" lay-filter="userTable"></table>
        </div>
        <div class="layui-tab-item">
            <table id="userTable2" lay-filter="userTable2"></table>
        </div>
    </div>
</div>
</body>
</html>